<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
<div id="app">
    <div v-if="type === 'A'">
        A
    </div>
    <div v-else-if="type === 'B'">
        B
    </div>
    <div v-else-if="type === 'C'">
        C
    </div>
    <div v-else>
        Not A/B/C
    </div>
    <div>
        <input type="text" v-model="type"/>
    </div>
</div>

<script>
    const {createApp, ref, reactive} = Vue

    const type = ref('A');

    createApp({
        setup() {
            return {
                type: type
            }
        }
    }).mount('#app')
</script>
</body>
</html>